/* mixin layout布局 */
@mixin flex($with, $height) {
  align-items: center;
  display: flex;
  height: $height;
  justify-content: space-between;
  width: $with;
}

@mixin row($with, $height) {
  @include flex($with, $height);
  align-items: center;
  flex-direction: row;
}

@mixin col($with, $height) {
  @include flex($with, $height);
  align-items: center;
  flex-direction: column;
}

@mixin lines($lines: 1) {
  box-orient: vertical;
  display: flex; // box

  -webkit-line-clamp: $lines;

  overflow: hidden;
  text-align: justify;

  text-overflow: ellipsis;

  white-space: normal !important;

  word-wrap: break-word;
}

// 居中
@mixin center {
  align-items: center;
  display: flex;
  justify-content: center;
}

@mixin h($color: red) {
  border: 1px solid $color;
}
